.mainContainer {
  width: 695px;
  margin: 33px auto 0;
  height: 872px;
}

.orderMain {
  width: 627px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12), 0 4px 4px 0 rgba(0, 0, 0, 0.18);
  /* padding: 16px 34px; */
}

.orderStatus {
  padding: 16px 34px;
  background: rgba(89, 68, 195, 0.15);
}

.orderStatus h2 {
  margin-right: 54px;
}

.orderInfo {
  padding: 0 34px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.customerInfo {
  padding: 0 34px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.commentInfo {
  padding: 0 34px;
}

.title {
  font-size: 18px;
  color: #3e3e3e;
  margin: 23px 0;
}

.infoHeader {
  display: inline-block;
  width: 96px;
  text-align: right;
}

.infoItem {
  font-size: 14px;
  color: #3e3e3e;
  padding-bottom: 17px;
}

.submit {
  margin: 34px auto;
  width: 154px;
  height: 40px;
  margin-top: 25px;
  cursor: pointer;
  background: #5944c3;
  border-radius: 3px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #ffffff;
}

.rating {
  width: 95px;
  height: 18px;
  margin-left: 11px;
}

.rating-item {
  width: 18px;
  height: 17px;
  margin-left: 1px;
  background: url("../images/icon_star_no.png") no-repeat;
  background-size: cover;
}

.rating-item.active {
  background: url("../images/icon_star_yes.png") no-repeat;
}
.comment-photo {
  margin: 10px auto;
  width: 880px;
  height: 110px;
}
.photo {
  width: 110px;
  height: 110px;
}
